<template>
	<view style="width: 100vw;min-height: 100vh;padding: 20rpx;box-sizing: border-box;background-color: #F8F8F8;">
		<view class="actionBar">

			<fui-button height="70rpx" @click="baomingBtn" style="width: 100%;" text="立即报名" type="success"></fui-button>

		</view>

		<uni-notice-bar showIcon show-close single scrollable :text="Notice.NoticeMemo" /></uni-section>

		<view class="commCards">
			<view class="commCardTitle">报名理由/备注</view>
			<view style="margin-top:20rpx;">
				<fui-textarea v-model="signUpInfo.SignupMemo" placeholder="请输入内容" size="24" backgroundColor="#f0f0f0"
					radius="20" height="100rpx"></fui-textarea>
			</view>
		</view>

		<view class="commCards">
			<view class="commCardTitle">确认报名信息</view>
			<view class="borderR-10 padding-all-30 marginTop-20 row-between" style="background-color:#f0f0f0;"
				@click="onJumpBaoming">
				<view class="row-start">
					<view>
						<view class="text-align-center">
							<fui-icon name="idcard-fill" size="64"></fui-icon>
						</view>
						<view>我的联系信息</view>
					</view>
					<view class="fs-24 marginLeft-20 line-height-36">
						<text
							class="fs-28 bold">联系人：{{ signUpInfo.ContactName ? signUpInfo.ContactName: '未设置' }}</text><br>
						<text
							v-if="signUpInfo.isShowWeixin">微信号：{{ signUpInfo.WeixinCode ? signUpInfo.WeixinCode: '未设置' }}</text><br>
						<text
							v-if="signUpInfo.isShowMobile">手机号：{{ signUpInfo.UserMobile ? signUpInfo.UserMobile: '未设置' }}</text><br>
						<text v-if="signUpInfo.isShowQQ">QQ号：{{ signUpInfo.QQCode ? signUpInfo.QQCode: '未设置' }}</text>
					</view>
				</view>
				<view>
					<fui-icon name="arrowright" size="34"></fui-icon>
				</view>

			</view>
		</view>
		<uniPopup type="center" ref="SecurePrompt">
			<view class="borderR-15 padding-all-15" style="width: 65vw;background-color: #fff;">
				<view class="text-align-right" @click="$refs.SecurePrompt.close()">
					<uni-icons type="closeempty" size="18"></uni-icons>
				</view>

				<view class="">
					<view class="text-align-center">
						<image src="../../static/indexad/sj.png" style="width: 100rpx;height: 100rpx;" mode="widthFix">
						</image>
					</view>
					<view class="text-align-center fs-36 marginTop-30">
						安全防骗提醒
					</view>
					<view class="fs-26 marginTop-20" style="padding: 0 30rpx;">
						<text class="fs-30">①</text>切勿独自与陌生人在室内约拍！<text class="fs-30">②</text>切勿私下发送私密隐私照片！<text
							class="fs-30">③</text>未见面先收费的合作，切勿相信！
					</view>
					<view class="fs-26 text-align-center marginTop-20">
						<text style="color: #bfbfbf;">更多查看</text><text class="marginLeft-10" style="color: #54bef6;"
							@click="$common.goNavPage(`/pages/index/advert/advert`)">《防骗指南》</text>
					</view>
					<button class="popupButton" @click="$refs.SecurePrompt.close()">我知道了</button>
				</view>
			</view>

		</uniPopup>
	</view>
</template>

<script>
	import uniPopup from '@/firstui/uni-popup/components/uni-popup/uni-popup.vue'
	export default {
		components: {
			uniPopup
		},
		data() {
			return {
				LoginInfo: 0,
				NoticeID: 0,
				Notice: {},
				inviter: 0,
				WalletYue: 0,
				signUpInfo: {
					NoticeID: 0,
					ContactName: '',
					UserMobile: '',
					WeixinCode: '',
					QQCode: '',
					isShowMobile: true,
					isShowWeixin: true,
					isShowQQ: true,
					SignupMemo: ''
				},
				isCutWallet: false,
				CutWalletPrice: 0,

				// 临时数据
				NoticeMemo: "",
				baseUrl: ''
			};
		},
		onLoad(option) {
			this.$refs.SecurePrompt.open()

		},
		onShow() {

		},

		methods: {
			onJumpBaoming() {
				uni.navigateTo({
					url: `/publicPages/recruit/addInfo`
				})
			},
			baomingBtn() {
				uni.navigateTo({
					url: `/publicPages/recruit/addInfo`
				})
			}
		}
	}
</script>

<style lang="scss">
	.actionBar {
		padding: 20rpx;
		position: fixed;

		bottom: 0;
		left: 0;
		right: 0;
		height: 110rpx;
		display: flex;
		justify-content: space-between;
		background-color: #FFF;
	}

	.baomingBtn {
		color: #333;
		text-align: center;
		width: 400rpx;
		height: 60rpx;
		line-height: 60rpx;
		border-radius: 10rpx;
		margin: 10rpx;
	}

	.popupButton::after {
		border: none;
	}

	.popupButton {
		width: 100%;
		background-color: #FFDD00;
		height: 80rpx;
		margin-top: 35rpx;
		font-size: 28rpx;
	}
</style>